.row-card-container {
  position: relative;
  width: 300px;
  height: 100%;
  transition: width 0.2s;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
  background-color: #fff;
  > div {
    height: 100%;
  }

  .no-data {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  &.collapse {
    background: #F7F8FA;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
    width: 40px;
    div {
      .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
      }
      .icon:last-child {
        background: #F2F6FF;
        color: #4179F3;
        font-weight: 500;
        text-align: center;
        font-size: 16px;
      }
    }
  }
  .row-card-header {
    position: relative;
    padding: 14px 20px;
    box-shadow: inset 0 -1px 0 0 #EBF0F5;
     .header-fixed {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
       .header-fixed-left {
         .row-card-span {
           font-family: PingFangSC-Regular;
           font-size: 12px;
           color: #4b8dff;
           line-height: 16px;
           cursor: pointer;
           margin-left: 12px;
         }
       }
       .header-fixed-right {
         i {
           cursor: pointer;
           margin-left: 12px;
         }
       }
    }
    .header-button {
      display: flex;
      button {
        margin-right: 12px;
        margin-top: 14px;
      }
    }
  }
  .row-card-ui {
    height: calc(100% - 88px);
    overflow-y: auto;
  }
  .row-card-ui-footer {
    height: calc(100% - 148px);
  }
  .row-card-footer {
    margin-top: 12px;
    background-color: #fff;
    box-shadow: inset 0 1px 0 0 #EBF0F5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    padding: 12px 0 12px 20px;
    .footer-check {
      margin-bottom: 12px;
    }
    .ant-btn {
      margin-right: 8px;
    }
  }
}
